<template>
    <div class="layout-app">
        <div class="wrapper clearfix">
            <div class="layout-header">
                <Header :navList="navList"></Header>
            </div>
            <transition name="fade">
                <!-- 主体内容区 -->
                <router-view class="layout-container" />         
            </transition>
            <!-- 开发人员模式弹窗 -->
            <DevDubug systemjs="web" v-if=" isDebug " />
        </div>
    </div>
</template>

<script>
import DevDubug from "@/components/Debug";
import Header from "@/components/header/Header";
export default {
    name: 'Layout',
    data(){
        return {
            // 是否开启debug模式（Boolean类型）
            isDebug : true || DCIConfig.debug,
            navList : [
                {
                    title: '首页',
                    router: 'Home'
                },
                {
                    title: '笔记',
                    router: 'Note'
                },
                {
                    title: '表格',
                    router: 'Table'
                },
                {
                    title: '项目',
                    router: 'Project'
                },
                {
                    title: '其他',
                    url: 'https://www.baidu.com'
                },
            ]
        }
    },
    components:{
        Header,
        DevDubug
    },
    mounted() {

    }
}
</script>

<style src="../assets/css/Layout.less" lang="less" scoped></style>